.index-list-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    .index-list {
        width: 100%;
        height: 100%;
        box-sizing: border-box;
    }
    .index-list-scroll {
        // width: 100%;
        // height: 100%;
        box-sizing: border-box;
        display: block;
        .title {
            padding: 17rpx 24rpx;
            background: #f7f7f7;
            color: #999999;
            font-size: 26rpx;
        }

        .items-wrap {
            position: relative;
            .item {
                position: relative;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: 38rpx 24rpx;
                background: #ffffff;
                color: #333333;
                font-size: 32rpx;
                image {
                    height: 76rpx;
                    width: 76rpx;
                }
                .text {
                    margin-left: 24rpx;
                }
                // &::after {
                //     content: "";
                //     -webkit-transform-origin: center;
                //     transform-origin: center;
                //     box-sizing: border-box;
                //     position: absolute;
                //     top: auto;
                //     left: 32rpx;
                //     right: 0;
                //     bottom: 0;
                //     -webkit-transform: scaleY(.5);
                //     transform: scaleY(.5);
                //     border-bottom: 1rpx solid #E5E5E5;
                // }

                &.active {
                    background: rgba(18, 179, 255, 0.1);
                }

                &:active {
                    background: rgba(0, 0, 0, .03)
                }
            }
        }

    }

    .key-wrap {
        position: absolute;
        top: 50%;
        right: 0;
        overflow: hidden;
        transform: translate3d(0, -50%, 0);
        z-index: 805;
        // padding: 0 12rpx;
        .key {
            padding: 1rpx 30rpx;
            background: transparent;
            font-size: 24px;
            height: 30rpx;
            text-align: center;
            color: #6666;
            // line-height: 1.4;
            // &.active {
            //     color: #12B3FF;
            // }
        }
    }
}